﻿<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
        <link rel="stylesheet" type="text/css" href="assets/css/bootstrap-clearmin.min.css">
        <link rel="stylesheet" type="text/css" href="assets/css/roboto.css">
        <link rel="stylesheet" type="text/css" href="assets/css/material-design.css">
        <link rel="stylesheet" type="text/css" href="assets/css/small-n-flat.css">
        <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
        <title>Clearmin template</title>
    </head>
    <body class="cm-no-transition cm-1-navbar">
        <div id="cm-menu">
            <nav class="cm-navbar cm-navbar-primary">
                <div class="cm-flex"><a href="index.html" class="cm-logo"></a></div>
                <div class="btn btn-primary md-menu-white" data-toggle="cm-menu"></div>
            </nav>
            <div id="cm-menu-content">
                <div id="cm-menu-items-wrapper">
                    <div id="cm-menu-scroller">
                        <ul class="cm-menu-items">
                            <li><a href="index.html" class="sf-house">首页</a></li>
                            <li><a href="dashboard-sales.html" class="sf-dashboard">仪表</a></li>
                            <li><a href="components-text.html" class="sf-brick">组件</a></li>
                            <li class="cm-submenu">
                                <a class="sf-window-layout">导航布局<span class="caret"></span></a>
                                <ul>
                                    <li><a href="layouts-breadcrumb1.html">1st nav breadcrumb</a></li>
                                    <li><a href="layouts-breadcrumb2.html">2nd nav breadcrumb</a></li>
                                    <li><a href="layouts-tabs.html">2nd nav tabs</a></li>
                                </ul>
                            </li>
                            <li class="cm-submenu pre-open">
                                <a class="sf-cat">图标<span class="caret"></span></a>
                                <ul>
                                    <li><a href="ico-sf.html">Small-n-flat</a></li>
                                    <li class="active"><a href="ico-md.html">Material Design</a></li>
                                    <li><a href="ico-fa.html">Font Awesome</a></li>
                                </ul>
                            </li>
                            <li><a href="notepad.html" class="sf-notepad">文本编辑器</a></li>
                            <li><a href="login.html" class="sf-lock-open">Login page</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <header id="cm-header">
            <nav class="cm-navbar cm-navbar-primary">
                <div class="btn btn-primary md-menu-white hidden-md hidden-lg" data-toggle="cm-menu"></div>
                <div class="cm-flex">
                    <h1>Material Design Icons</h1> 
                    <form id="cm-search" action="index.html" method="get">
                        <input type="search" name="q" autocomplete="off" placeholder="Search...">
                    </form>
                </div>
                <div class="pull-right">
                    <div id="cm-search-btn" class="btn btn-primary md-search-white" data-toggle="cm-search"></div>
                </div>
                <div class="dropdown pull-right">
                    <button class="btn btn-primary md-notifications-white" data-toggle="dropdown"> <span class="label label-danger">23</span> </button>
                    <div class="popover cm-popover bottom">
                        <div class="arrow"></div>
                        <div class="popover-content">
                            <div class="list-group">
                                <a href="#" class="list-group-item">
                                    <h4 class="list-group-item-heading text-overflow">
                                        <i class="fa fa-fw fa-envelope"></i> Nunc volutpat aliquet magna.
                                    </h4>
                                    <p class="list-group-item-text text-overflow">Pellentesque tincidunt mollis scelerisque. Praesent vel blandit quam.</p>
                                </a>
                                <a href="#" class="list-group-item">
                                    <h4 class="list-group-item-heading">
                                        <i class="fa fa-fw fa-envelope"></i> Aliquam orci lectus
                                    </h4>
                                    <p class="list-group-item-text">Donec quis arcu non risus sagittis</p>
                                </a>
                                <a href="#" class="list-group-item">
                                    <h4 class="list-group-item-heading">
                                        <i class="fa fa-fw fa-warning"></i> Holy guacamole !
                                    </h4>
                                    <p class="list-group-item-text">Best check yo self, you're not looking too good.</p>
                                </a>
                            </div>
                            <div style="padding:10px"><a class="btn btn-success btn-block" href="#">Show me more...</a></div>
                        </div>
                    </div>
                </div>
                <div class="dropdown pull-right">
                    <button class="btn btn-primary md-account-circle-white" data-toggle="dropdown"></button>
                    <ul class="dropdown-menu">
                        <li class="disabled text-center">
                            <a style="cursor:default;"><strong>John Smith</strong></a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-fw fa-cog"></i> Settings</a>
                        </li>
                        <li>
                            <a href="login.html"><i class="fa fa-fw fa-sign-out"></i> Sign out</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div id="global">
            <style> .demo-icons .col-lg-2{ padding:10px; border:1px solid transparent; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:2px; }
.col-lg-2:hover{background:#f5f5f5;border-color:#eee;}
</style>
            <div class="container-fluid">
                <div class="panel panel-default demo-icons">
                    <div class="panel-heading">SVG ICONS CLASSES <span class="badge pull-right">747 icons</span></div>
                    <div class="panel-body">
                        <div class="alert alert-info" role="alert" style="margin-bottom:0">
<i class="fa fa-fw fa-lightbulb-o"></i> Append <em>-white</em> to the class name to display the white version. </div>
                        <hr>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/3d-rotation.svg" height="24" width="24">
                            &nbsp;&nbsp;md-3d-rotation 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/access-alarm.svg" height="24" width="24">
                            &nbsp;&nbsp;md-access-alarm 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/access-alarms.svg" height="24" width="24">
                            &nbsp;&nbsp;md-access-alarms 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/access-time.svg" height="24" width="24">
                            &nbsp;&nbsp;md-access-time 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/accessibility.svg" height="24" width="24">
                            &nbsp;&nbsp;md-accessibility 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/account-balance-wallet.svg" height="24" width="24">
                            &nbsp;&nbsp;md-account-balance-wallet 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/account-balance.svg" height="24" width="24">
                            &nbsp;&nbsp;md-account-balance 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/account-box.svg" height="24" width="24">
                            &nbsp;&nbsp;md-account-box 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/account-child.svg" height="24" width="24">
                            &nbsp;&nbsp;md-account-child 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/account-circle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-account-circle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/adb.svg" height="24" width="24">
                            &nbsp;&nbsp;md-adb 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/add-alarm.svg" height="24" width="24">
                            &nbsp;&nbsp;md-add-alarm 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/add-box.svg" height="24" width="24">
                            &nbsp;&nbsp;md-add-box 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/add-circle-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-add-circle-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/add-circle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-add-circle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/add-shopping-cart.svg" height="24" width="24">
                            &nbsp;&nbsp;md-add-shopping-cart 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/add-to-photos.svg" height="24" width="24">
                            &nbsp;&nbsp;md-add-to-photos 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/adjust.svg" height="24" width="24">
                            &nbsp;&nbsp;md-adjust 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/airplanemode-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-airplanemode-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/airplanemode-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-airplanemode-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/alarm-add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-alarm-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/alarm-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-alarm-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/alarm-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-alarm-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/alarm.svg" height="24" width="24">
                            &nbsp;&nbsp;md-alarm 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/album.svg" height="24" width="24">
                            &nbsp;&nbsp;md-album 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/android.svg" height="24" width="24">
                            &nbsp;&nbsp;md-android 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/announcement.svg" height="24" width="24">
                            &nbsp;&nbsp;md-announcement 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/apps.svg" height="24" width="24">
                            &nbsp;&nbsp;md-apps 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/archive.svg" height="24" width="24">
                            &nbsp;&nbsp;md-archive 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/arrow-back.svg" height="24" width="24">
                            &nbsp;&nbsp;md-arrow-back 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/arrow-drop-down-circle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-arrow-drop-down-circle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/arrow-drop-down.svg" height="24" width="24">
                            &nbsp;&nbsp;md-arrow-drop-down 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/arrow-drop-up.svg" height="24" width="24">
                            &nbsp;&nbsp;md-arrow-drop-up 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/arrow-forward.svg" height="24" width="24">
                            &nbsp;&nbsp;md-arrow-forward 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/aspect-ratio.svg" height="24" width="24">
                            &nbsp;&nbsp;md-aspect-ratio 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assessment.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assessment 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assignment-ind.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assignment-ind 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assignment-late.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assignment-late 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assignment-return.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assignment-return 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assignment-returned.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assignment-returned 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assignment-turned-in.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assignment-turned-in 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assignment.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assignment 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/assistant-photo.svg" height="24" width="24">
                            &nbsp;&nbsp;md-assistant-photo 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/attach-file.svg" height="24" width="24">
                            &nbsp;&nbsp;md-attach-file 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/attach-money.svg" height="24" width="24">
                            &nbsp;&nbsp;md-attach-money 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/attachment.svg" height="24" width="24">
                            &nbsp;&nbsp;md-attachment 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/audiotrack.svg" height="24" width="24">
                            &nbsp;&nbsp;md-audiotrack 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/autorenew.svg" height="24" width="24">
                            &nbsp;&nbsp;md-autorenew 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/av-timer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-av-timer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/backspace.svg" height="24" width="24">
                            &nbsp;&nbsp;md-backspace 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/backup.svg" height="24" width="24">
                            &nbsp;&nbsp;md-backup 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-20.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-20 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-30.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-30 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-50.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-50 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-60.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-60 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-80.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-80 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-90.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-90 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-alert.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-alert 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-charging-20.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-charging-20 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-charging-30.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-charging-30 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-charging-50.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-charging-50 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-charging-60.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-charging-60 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-charging-80.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-charging-80 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-charging-90.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-charging-90 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-charging-full.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-charging-full 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-full.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-full 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-std.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-std 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/battery-unknown.svg" height="24" width="24">
                            &nbsp;&nbsp;md-battery-unknown 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/beenhere.svg" height="24" width="24">
                            &nbsp;&nbsp;md-beenhere 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/block.svg" height="24" width="24">
                            &nbsp;&nbsp;md-block 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bluetooth-audio.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bluetooth-audio 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bluetooth-connected.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bluetooth-connected 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bluetooth-disabled.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bluetooth-disabled 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bluetooth-searching.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bluetooth-searching 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bluetooth.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bluetooth 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/blur-circular.svg" height="24" width="24">
                            &nbsp;&nbsp;md-blur-circular 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/blur-linear.svg" height="24" width="24">
                            &nbsp;&nbsp;md-blur-linear 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/blur-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-blur-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/blur-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-blur-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/book.svg" height="24" width="24">
                            &nbsp;&nbsp;md-book 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bookmark-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bookmark-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bookmark.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bookmark 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-all.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-all 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-bottom.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-bottom 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-clear.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-clear 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-color.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-color 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-horizontal.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-horizontal 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-inner.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-inner 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-left.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-left 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-outer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-outer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-right.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-right 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-style.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-style 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-top.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-top 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/border-vertical.svg" height="24" width="24">
                            &nbsp;&nbsp;md-border-vertical 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-1.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-1 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-2.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-2 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-3.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-3 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-4.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-4 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-5.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-5 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-6.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-6 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-7.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-7 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-auto.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-auto 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-high.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-high 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-low.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-low 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brightness-medium.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brightness-medium 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/brush.svg" height="24" width="24">
                            &nbsp;&nbsp;md-brush 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/bug-report.svg" height="24" width="24">
                            &nbsp;&nbsp;md-bug-report 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/business.svg" height="24" width="24">
                            &nbsp;&nbsp;md-business 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cached.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cached 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cake.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cake 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/call-end.svg" height="24" width="24">
                            &nbsp;&nbsp;md-call-end 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/call-made.svg" height="24" width="24">
                            &nbsp;&nbsp;md-call-made 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/call-merge.svg" height="24" width="24">
                            &nbsp;&nbsp;md-call-merge 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/call-missed.svg" height="24" width="24">
                            &nbsp;&nbsp;md-call-missed 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/call-received.svg" height="24" width="24">
                            &nbsp;&nbsp;md-call-received 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/call-split.svg" height="24" width="24">
                            &nbsp;&nbsp;md-call-split 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/call.svg" height="24" width="24">
                            &nbsp;&nbsp;md-call 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/camera-alt.svg" height="24" width="24">
                            &nbsp;&nbsp;md-camera-alt 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/camera-front.svg" height="24" width="24">
                            &nbsp;&nbsp;md-camera-front 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/camera-rear.svg" height="24" width="24">
                            &nbsp;&nbsp;md-camera-rear 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/camera-roll.svg" height="24" width="24">
                            &nbsp;&nbsp;md-camera-roll 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/camera.svg" height="24" width="24">
                            &nbsp;&nbsp;md-camera 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cancel.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cancel 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cast-connected.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cast-connected 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cast.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cast 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/center-focus-strong.svg" height="24" width="24">
                            &nbsp;&nbsp;md-center-focus-strong 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/center-focus-weak.svg" height="24" width="24">
                            &nbsp;&nbsp;md-center-focus-weak 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/chat.svg" height="24" width="24">
                            &nbsp;&nbsp;md-chat 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/check-box-outline-blank.svg" height="24" width="24">
                            &nbsp;&nbsp;md-check-box-outline-blank 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/check-box.svg" height="24" width="24">
                            &nbsp;&nbsp;md-check-box 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/check-circle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-check-circle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/check.svg" height="24" width="24">
                            &nbsp;&nbsp;md-check 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/chevron-left.svg" height="24" width="24">
                            &nbsp;&nbsp;md-chevron-left 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/chevron-right.svg" height="24" width="24">
                            &nbsp;&nbsp;md-chevron-right 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/class.svg" height="24" width="24">
                            &nbsp;&nbsp;md-class 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/clear-all.svg" height="24" width="24">
                            &nbsp;&nbsp;md-clear-all 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/clear.svg" height="24" width="24">
                            &nbsp;&nbsp;md-clear 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/close.svg" height="24" width="24">
                            &nbsp;&nbsp;md-close 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/closed-caption.svg" height="24" width="24">
                            &nbsp;&nbsp;md-closed-caption 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cloud-circle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cloud-circle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cloud-done.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cloud-done 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cloud-download.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cloud-download 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cloud-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cloud-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cloud-queue.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cloud-queue 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cloud-upload.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cloud-upload 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/cloud.svg" height="24" width="24">
                            &nbsp;&nbsp;md-cloud 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/collections.svg" height="24" width="24">
                            &nbsp;&nbsp;md-collections 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/color-lens.svg" height="24" width="24">
                            &nbsp;&nbsp;md-color-lens 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/colorize.svg" height="24" width="24">
                            &nbsp;&nbsp;md-colorize 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/comment.svg" height="24" width="24">
                            &nbsp;&nbsp;md-comment 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/compare.svg" height="24" width="24">
                            &nbsp;&nbsp;md-compare 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/computer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-computer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/contacts.svg" height="24" width="24">
                            &nbsp;&nbsp;md-contacts 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/content-copy.svg" height="24" width="24">
                            &nbsp;&nbsp;md-content-copy 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/content-cut.svg" height="24" width="24">
                            &nbsp;&nbsp;md-content-cut 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/content-paste.svg" height="24" width="24">
                            &nbsp;&nbsp;md-content-paste 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/control-point-duplicate.svg" height="24" width="24">
                            &nbsp;&nbsp;md-control-point-duplicate 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/control-point.svg" height="24" width="24">
                            &nbsp;&nbsp;md-control-point 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/create.svg" height="24" width="24">
                            &nbsp;&nbsp;md-create 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/credit-card.svg" height="24" width="24">
                            &nbsp;&nbsp;md-credit-card 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-16-9.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-16-9 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-3-2.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-3-2 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-5-4.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-5-4 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-7-5.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-7-5 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-din.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-din 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-free.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-free 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-landscape.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-landscape 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-original.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-original 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-portrait.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-portrait 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop-square.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop-square 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/crop.svg" height="24" width="24">
                            &nbsp;&nbsp;md-crop 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dashboard.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dashboard 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/data-usage.svg" height="24" width="24">
                            &nbsp;&nbsp;md-data-usage 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dehaze.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dehaze 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/delete.svg" height="24" width="24">
                            &nbsp;&nbsp;md-delete 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/description.svg" height="24" width="24">
                            &nbsp;&nbsp;md-description 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/desktop-mac.svg" height="24" width="24">
                            &nbsp;&nbsp;md-desktop-mac 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/desktop-windows.svg" height="24" width="24">
                            &nbsp;&nbsp;md-desktop-windows 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/details.svg" height="24" width="24">
                            &nbsp;&nbsp;md-details 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/developer-mode.svg" height="24" width="24">
                            &nbsp;&nbsp;md-developer-mode 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/devices.svg" height="24" width="24">
                            &nbsp;&nbsp;md-devices 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dialer-sip.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dialer-sip 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dialpad.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dialpad 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-bike.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-bike 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-bus.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-bus 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-car.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-car 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-ferry.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-ferry 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-subway.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-subway 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-train.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-train 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-transit.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-transit 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions-walk.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions-walk 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/directions.svg" height="24" width="24">
                            &nbsp;&nbsp;md-directions 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/disc-full.svg" height="24" width="24">
                            &nbsp;&nbsp;md-disc-full 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dnd-forwardslash.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dnd-forwardslash 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dnd-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dnd-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dns.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dns 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/do-not-disturb.svg" height="24" width="24">
                            &nbsp;&nbsp;md-do-not-disturb 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dock.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dock 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/domain.svg" height="24" width="24">
                            &nbsp;&nbsp;md-domain 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/done-all.svg" height="24" width="24">
                            &nbsp;&nbsp;md-done-all 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/done.svg" height="24" width="24">
                            &nbsp;&nbsp;md-done 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/drafts.svg" height="24" width="24">
                            &nbsp;&nbsp;md-drafts 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/drive-eta.svg" height="24" width="24">
                            &nbsp;&nbsp;md-drive-eta 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/dvr.svg" height="24" width="24">
                            &nbsp;&nbsp;md-dvr 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/edit.svg" height="24" width="24">
                            &nbsp;&nbsp;md-edit 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/email.svg" height="24" width="24">
                            &nbsp;&nbsp;md-email 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/equalizer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-equalizer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/error.svg" height="24" width="24">
                            &nbsp;&nbsp;md-error 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/event-available.svg" height="24" width="24">
                            &nbsp;&nbsp;md-event-available 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/event-busy.svg" height="24" width="24">
                            &nbsp;&nbsp;md-event-busy 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/event-note.svg" height="24" width="24">
                            &nbsp;&nbsp;md-event-note 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/event.svg" height="24" width="24">
                            &nbsp;&nbsp;md-event 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/exit-to-app.svg" height="24" width="24">
                            &nbsp;&nbsp;md-exit-to-app 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/expand-less.svg" height="24" width="24">
                            &nbsp;&nbsp;md-expand-less 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/expand-more.svg" height="24" width="24">
                            &nbsp;&nbsp;md-expand-more 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/explicit.svg" height="24" width="24">
                            &nbsp;&nbsp;md-explicit 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/explore.svg" height="24" width="24">
                            &nbsp;&nbsp;md-explore 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/exposure-minus-1.svg" height="24" width="24">
                            &nbsp;&nbsp;md-exposure-minus-1 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/exposure-minus-2.svg" height="24" width="24">
                            &nbsp;&nbsp;md-exposure-minus-2 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/exposure-plus-1.svg" height="24" width="24">
                            &nbsp;&nbsp;md-exposure-plus-1 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/exposure-plus-2.svg" height="24" width="24">
                            &nbsp;&nbsp;md-exposure-plus-2 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/exposure-zero.svg" height="24" width="24">
                            &nbsp;&nbsp;md-exposure-zero 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/exposure.svg" height="24" width="24">
                            &nbsp;&nbsp;md-exposure 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/extension.svg" height="24" width="24">
                            &nbsp;&nbsp;md-extension 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/face.svg" height="24" width="24">
                            &nbsp;&nbsp;md-face 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/fast-forward.svg" height="24" width="24">
                            &nbsp;&nbsp;md-fast-forward 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/fast-rewind.svg" height="24" width="24">
                            &nbsp;&nbsp;md-fast-rewind 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/favorite-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-favorite-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/favorite.svg" height="24" width="24">
                            &nbsp;&nbsp;md-favorite 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/file-download.svg" height="24" width="24">
                            &nbsp;&nbsp;md-file-download 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/file-upload.svg" height="24" width="24">
                            &nbsp;&nbsp;md-file-upload 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-1.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-1 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-2.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-2 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-3.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-3 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-4.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-4 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-5.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-5 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-6.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-6 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-7.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-7 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-8.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-8 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-9-plus.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-9-plus 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-9.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-9 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-b-and-w.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-b-and-w 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-center-focus.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-center-focus 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-drama.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-drama 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-frames.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-frames 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-hdr.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-hdr 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-list.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-list 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-none.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-none 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-tilt-shift.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-tilt-shift 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter-vintage.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter-vintage 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/filter.svg" height="24" width="24">
                            &nbsp;&nbsp;md-filter 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/find-in-page.svg" height="24" width="24">
                            &nbsp;&nbsp;md-find-in-page 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/find-replace.svg" height="24" width="24">
                            &nbsp;&nbsp;md-find-replace 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flag.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flag 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flare.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flare 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flash-auto.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flash-auto 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flash-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flash-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flash-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flash-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flight.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flight 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flip-to-back.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flip-to-back 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flip-to-front.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flip-to-front 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/flip.svg" height="24" width="24">
                            &nbsp;&nbsp;md-flip 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/folder-open.svg" height="24" width="24">
                            &nbsp;&nbsp;md-folder-open 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/folder-shared.svg" height="24" width="24">
                            &nbsp;&nbsp;md-folder-shared 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/folder-special.svg" height="24" width="24">
                            &nbsp;&nbsp;md-folder-special 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/folder.svg" height="24" width="24">
                            &nbsp;&nbsp;md-folder 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-align-center.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-align-center 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-align-justify.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-align-justify 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-align-left.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-align-left 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-align-right.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-align-right 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-bold.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-bold 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-clear.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-clear 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-color-fill.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-color-fill 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-color-reset.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-color-reset 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-color-text.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-color-text 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-indent-decrease.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-indent-decrease 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-indent-increase.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-indent-increase 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-italic.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-italic 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-line-spacing.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-line-spacing 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-list-bulleted.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-list-bulleted 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-list-numbered.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-list-numbered 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-paint.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-paint 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-quote.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-quote 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-size.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-size 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-strikethrough.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-strikethrough 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-textdirection-l-to-r.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-textdirection-l-to-r 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-textdirection-r-to-l.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-textdirection-r-to-l 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/format-underline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-format-underline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/forum.svg" height="24" width="24">
                            &nbsp;&nbsp;md-forum 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/forward.svg" height="24" width="24">
                            &nbsp;&nbsp;md-forward 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/fullscreen-exit.svg" height="24" width="24">
                            &nbsp;&nbsp;md-fullscreen-exit 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/fullscreen.svg" height="24" width="24">
                            &nbsp;&nbsp;md-fullscreen 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/functions.svg" height="24" width="24">
                            &nbsp;&nbsp;md-functions 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/gamepad.svg" height="24" width="24">
                            &nbsp;&nbsp;md-gamepad 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/games.svg" height="24" width="24">
                            &nbsp;&nbsp;md-games 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/gesture.svg" height="24" width="24">
                            &nbsp;&nbsp;md-gesture 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/get-app.svg" height="24" width="24">
                            &nbsp;&nbsp;md-get-app 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/gps-fixed.svg" height="24" width="24">
                            &nbsp;&nbsp;md-gps-fixed 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/gps-not-fixed.svg" height="24" width="24">
                            &nbsp;&nbsp;md-gps-not-fixed 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/gps-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-gps-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/grade.svg" height="24" width="24">
                            &nbsp;&nbsp;md-grade 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/gradient.svg" height="24" width="24">
                            &nbsp;&nbsp;md-gradient 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/grain.svg" height="24" width="24">
                            &nbsp;&nbsp;md-grain 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/grid-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-grid-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/grid-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-grid-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/group-add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-group-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/group-work.svg" height="24" width="24">
                            &nbsp;&nbsp;md-group-work 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/group.svg" height="24" width="24">
                            &nbsp;&nbsp;md-group 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/hdr-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-hdr-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/hdr-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-hdr-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/hdr-strong.svg" height="24" width="24">
                            &nbsp;&nbsp;md-hdr-strong 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/hdr-weak.svg" height="24" width="24">
                            &nbsp;&nbsp;md-hdr-weak 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/headset-mic.svg" height="24" width="24">
                            &nbsp;&nbsp;md-headset-mic 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/headset.svg" height="24" width="24">
                            &nbsp;&nbsp;md-headset 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/healing.svg" height="24" width="24">
                            &nbsp;&nbsp;md-healing 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/hearing.svg" height="24" width="24">
                            &nbsp;&nbsp;md-hearing 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/help.svg" height="24" width="24">
                            &nbsp;&nbsp;md-help 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/high-quality.svg" height="24" width="24">
                            &nbsp;&nbsp;md-high-quality 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/highlight-remove.svg" height="24" width="24">
                            &nbsp;&nbsp;md-highlight-remove 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/history.svg" height="24" width="24">
                            &nbsp;&nbsp;md-history 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/home.svg" height="24" width="24">
                            &nbsp;&nbsp;md-home 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/hotel.svg" height="24" width="24">
                            &nbsp;&nbsp;md-hotel 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/https.svg" height="24" width="24">
                            &nbsp;&nbsp;md-https 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/image-aspect-ratio.svg" height="24" width="24">
                            &nbsp;&nbsp;md-image-aspect-ratio 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/image.svg" height="24" width="24">
                            &nbsp;&nbsp;md-image 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/import-export.svg" height="24" width="24">
                            &nbsp;&nbsp;md-import-export 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/inbox.svg" height="24" width="24">
                            &nbsp;&nbsp;md-inbox 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/info-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-info-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/info.svg" height="24" width="24">
                            &nbsp;&nbsp;md-info 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/input.svg" height="24" width="24">
                            &nbsp;&nbsp;md-input 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/insert-chart.svg" height="24" width="24">
                            &nbsp;&nbsp;md-insert-chart 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/insert-comment.svg" height="24" width="24">
                            &nbsp;&nbsp;md-insert-comment 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/insert-drive-file.svg" height="24" width="24">
                            &nbsp;&nbsp;md-insert-drive-file 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/insert-emoticon.svg" height="24" width="24">
                            &nbsp;&nbsp;md-insert-emoticon 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/insert-invitation.svg" height="24" width="24">
                            &nbsp;&nbsp;md-insert-invitation 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/insert-link.svg" height="24" width="24">
                            &nbsp;&nbsp;md-insert-link 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/insert-photo.svg" height="24" width="24">
                            &nbsp;&nbsp;md-insert-photo 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/invert-colors-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-invert-colors-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/invert-colors-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-invert-colors-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/invert-colors.svg" height="24" width="24">
                            &nbsp;&nbsp;md-invert-colors 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/iso.svg" height="24" width="24">
                            &nbsp;&nbsp;md-iso 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-alt.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-alt 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-arrow-down.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-arrow-down 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-arrow-left.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-arrow-left 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-arrow-right.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-arrow-right 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-arrow-up.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-arrow-up 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-backspace.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-backspace 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-capslock.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-capslock 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-control.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-control 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-hide.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-hide 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-return.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-return 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-tab.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-tab 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard-voice.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard-voice 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/keyboard.svg" height="24" width="24">
                            &nbsp;&nbsp;md-keyboard 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/label-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-label-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/label.svg" height="24" width="24">
                            &nbsp;&nbsp;md-label 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/landscape.svg" height="24" width="24">
                            &nbsp;&nbsp;md-landscape 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/language.svg" height="24" width="24">
                            &nbsp;&nbsp;md-language 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/laptop-chromebook.svg" height="24" width="24">
                            &nbsp;&nbsp;md-laptop-chromebook 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/laptop-mac.svg" height="24" width="24">
                            &nbsp;&nbsp;md-laptop-mac 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/laptop-windows.svg" height="24" width="24">
                            &nbsp;&nbsp;md-laptop-windows 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/laptop.svg" height="24" width="24">
                            &nbsp;&nbsp;md-laptop 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/launch.svg" height="24" width="24">
                            &nbsp;&nbsp;md-launch 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/layers-clear.svg" height="24" width="24">
                            &nbsp;&nbsp;md-layers-clear 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/layers.svg" height="24" width="24">
                            &nbsp;&nbsp;md-layers 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/leak-add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-leak-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/leak-remove.svg" height="24" width="24">
                            &nbsp;&nbsp;md-leak-remove 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/lens.svg" height="24" width="24">
                            &nbsp;&nbsp;md-lens 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/link.svg" height="24" width="24">
                            &nbsp;&nbsp;md-link 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/list.svg" height="24" width="24">
                            &nbsp;&nbsp;md-list 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/live-help.svg" height="24" width="24">
                            &nbsp;&nbsp;md-live-help 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-airport.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-airport 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-atm.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-atm 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-attraction.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-attraction 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-cafe.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-cafe 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-car-wash.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-car-wash 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-convenience-store.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-convenience-store 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-drink.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-drink 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-florist.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-florist 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-gas-station.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-gas-station 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-grocery-store.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-grocery-store 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-hospital.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-hospital 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-hotel.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-hotel 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-laundry-service.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-laundry-service 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-library.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-library 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-mall.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-mall 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-movies.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-movies 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-offer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-offer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-parking.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-parking 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-pharmacy.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-pharmacy 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-phone.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-phone 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-pizza.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-pizza 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-play.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-play 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-post-office.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-post-office 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-print-shop.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-print-shop 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-restaurant.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-restaurant 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-see.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-see 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-shipping.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-shipping 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/local-taxi.svg" height="24" width="24">
                            &nbsp;&nbsp;md-local-taxi 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/location-city.svg" height="24" width="24">
                            &nbsp;&nbsp;md-location-city 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/location-disabled.svg" height="24" width="24">
                            &nbsp;&nbsp;md-location-disabled 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/location-history.svg" height="24" width="24">
                            &nbsp;&nbsp;md-location-history 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/location-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-location-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/location-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-location-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/location-searching.svg" height="24" width="24">
                            &nbsp;&nbsp;md-location-searching 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/lock-open.svg" height="24" width="24">
                            &nbsp;&nbsp;md-lock-open 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/lock-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-lock-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/lock.svg" height="24" width="24">
                            &nbsp;&nbsp;md-lock 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/looks-3.svg" height="24" width="24">
                            &nbsp;&nbsp;md-looks-3 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/looks-4.svg" height="24" width="24">
                            &nbsp;&nbsp;md-looks-4 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/looks-5.svg" height="24" width="24">
                            &nbsp;&nbsp;md-looks-5 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/looks-6.svg" height="24" width="24">
                            &nbsp;&nbsp;md-looks-6 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/looks-one.svg" height="24" width="24">
                            &nbsp;&nbsp;md-looks-one 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/looks-two.svg" height="24" width="24">
                            &nbsp;&nbsp;md-looks-two 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/looks.svg" height="24" width="24">
                            &nbsp;&nbsp;md-looks 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/loop.svg" height="24" width="24">
                            &nbsp;&nbsp;md-loop 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/loupe.svg" height="24" width="24">
                            &nbsp;&nbsp;md-loupe 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/loyalty.svg" height="24" width="24">
                            &nbsp;&nbsp;md-loyalty 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mail.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mail 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/map.svg" height="24" width="24">
                            &nbsp;&nbsp;md-map 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/markunread-mailbox.svg" height="24" width="24">
                            &nbsp;&nbsp;md-markunread-mailbox 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/markunread.svg" height="24" width="24">
                            &nbsp;&nbsp;md-markunread 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/memory.svg" height="24" width="24">
                            &nbsp;&nbsp;md-memory 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/menu.svg" height="24" width="24">
                            &nbsp;&nbsp;md-menu 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/merge-type.svg" height="24" width="24">
                            &nbsp;&nbsp;md-merge-type 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/message.svg" height="24" width="24">
                            &nbsp;&nbsp;md-message 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/messenger.svg" height="24" width="24">
                            &nbsp;&nbsp;md-messenger 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mic-none.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mic-none 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mic-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mic-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mic.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mic 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mms.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mms 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mode-comment.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mode-comment 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mode-edit.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mode-edit 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mood.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mood 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/more-horiz.svg" height="24" width="24">
                            &nbsp;&nbsp;md-more-horiz 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/more-vert.svg" height="24" width="24">
                            &nbsp;&nbsp;md-more-vert 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/more.svg" height="24" width="24">
                            &nbsp;&nbsp;md-more 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/mouse.svg" height="24" width="24">
                            &nbsp;&nbsp;md-mouse 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/movie-creation.svg" height="24" width="24">
                            &nbsp;&nbsp;md-movie-creation 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/movie.svg" height="24" width="24">
                            &nbsp;&nbsp;md-movie 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/multitrack-audio.svg" height="24" width="24">
                            &nbsp;&nbsp;md-multitrack-audio 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/my-library-add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-my-library-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/my-library-books.svg" height="24" width="24">
                            &nbsp;&nbsp;md-my-library-books 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/my-library-music.svg" height="24" width="24">
                            &nbsp;&nbsp;md-my-library-music 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/my-location.svg" height="24" width="24">
                            &nbsp;&nbsp;md-my-location 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/nature-people.svg" height="24" width="24">
                            &nbsp;&nbsp;md-nature-people 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/nature.svg" height="24" width="24">
                            &nbsp;&nbsp;md-nature 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/navigate-before.svg" height="24" width="24">
                            &nbsp;&nbsp;md-navigate-before 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/navigate-next.svg" height="24" width="24">
                            &nbsp;&nbsp;md-navigate-next 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/navigation.svg" height="24" width="24">
                            &nbsp;&nbsp;md-navigation 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/network-cell.svg" height="24" width="24">
                            &nbsp;&nbsp;md-network-cell 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/network-locked.svg" height="24" width="24">
                            &nbsp;&nbsp;md-network-locked 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/network-wifi.svg" height="24" width="24">
                            &nbsp;&nbsp;md-network-wifi 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/new-releases.svg" height="24" width="24">
                            &nbsp;&nbsp;md-new-releases 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/nfc.svg" height="24" width="24">
                            &nbsp;&nbsp;md-nfc 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/no-sim.svg" height="24" width="24">
                            &nbsp;&nbsp;md-no-sim 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/not-interested.svg" height="24" width="24">
                            &nbsp;&nbsp;md-not-interested 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/note-add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-note-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/notifications-none.svg" height="24" width="24">
                            &nbsp;&nbsp;md-notifications-none 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/notifications-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-notifications-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/notifications-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-notifications-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/notifications-paused.svg" height="24" width="24">
                            &nbsp;&nbsp;md-notifications-paused 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/notifications.svg" height="24" width="24">
                            &nbsp;&nbsp;md-notifications 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/now-wallpaper.svg" height="24" width="24">
                            &nbsp;&nbsp;md-now-wallpaper 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/now-widgets.svg" height="24" width="24">
                            &nbsp;&nbsp;md-now-widgets 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/open-in-browser.svg" height="24" width="24">
                            &nbsp;&nbsp;md-open-in-browser 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/open-in-new.svg" height="24" width="24">
                            &nbsp;&nbsp;md-open-in-new 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/open-with.svg" height="24" width="24">
                            &nbsp;&nbsp;md-open-with 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/pages.svg" height="24" width="24">
                            &nbsp;&nbsp;md-pages 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/pageview.svg" height="24" width="24">
                            &nbsp;&nbsp;md-pageview 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/palette.svg" height="24" width="24">
                            &nbsp;&nbsp;md-palette 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/panorama-fisheye.svg" height="24" width="24">
                            &nbsp;&nbsp;md-panorama-fisheye 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/panorama-horizontal.svg" height="24" width="24">
                            &nbsp;&nbsp;md-panorama-horizontal 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/panorama-vertical.svg" height="24" width="24">
                            &nbsp;&nbsp;md-panorama-vertical 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/panorama-wide-angle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-panorama-wide-angle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/panorama.svg" height="24" width="24">
                            &nbsp;&nbsp;md-panorama 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/party-mode.svg" height="24" width="24">
                            &nbsp;&nbsp;md-party-mode 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/pause-circle-fill.svg" height="24" width="24">
                            &nbsp;&nbsp;md-pause-circle-fill 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/pause-circle-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-pause-circle-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/pause.svg" height="24" width="24">
                            &nbsp;&nbsp;md-pause 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/payment.svg" height="24" width="24">
                            &nbsp;&nbsp;md-payment 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/people-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-people-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/people.svg" height="24" width="24">
                            &nbsp;&nbsp;md-people 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-camera-mic.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-camera-mic 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-contact-cal.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-contact-cal 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-data-setting.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-data-setting 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-device-info.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-device-info 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-identity.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-identity 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-media.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-media 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-phone-msg.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-phone-msg 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/perm-scan-wifi.svg" height="24" width="24">
                            &nbsp;&nbsp;md-perm-scan-wifi 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/person-add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-person-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/person-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-person-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/person.svg" height="24" width="24">
                            &nbsp;&nbsp;md-person 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-android.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-android 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-bluetooth-speaker.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-bluetooth-speaker 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-forwarded.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-forwarded 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-in-talk.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-in-talk 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-iphone.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-iphone 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-locked.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-locked 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-missed.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-missed 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone-paused.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone-paused 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phone.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phone 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phonelink-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phonelink-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/phonelink.svg" height="24" width="24">
                            &nbsp;&nbsp;md-phonelink 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/photo-album.svg" height="24" width="24">
                            &nbsp;&nbsp;md-photo-album 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/photo-camera.svg" height="24" width="24">
                            &nbsp;&nbsp;md-photo-camera 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/photo-library.svg" height="24" width="24">
                            &nbsp;&nbsp;md-photo-library 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/photo.svg" height="24" width="24">
                            &nbsp;&nbsp;md-photo 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/picture-in-picture.svg" height="24" width="24">
                            &nbsp;&nbsp;md-picture-in-picture 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/pin-drop.svg" height="24" width="24">
                            &nbsp;&nbsp;md-pin-drop 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/place.svg" height="24" width="24">
                            &nbsp;&nbsp;md-place 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/play-arrow.svg" height="24" width="24">
                            &nbsp;&nbsp;md-play-arrow 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/play-circle-fill.svg" height="24" width="24">
                            &nbsp;&nbsp;md-play-circle-fill 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/play-circle-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-play-circle-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/play-download.svg" height="24" width="24">
                            &nbsp;&nbsp;md-play-download 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/play-install.svg" height="24" width="24">
                            &nbsp;&nbsp;md-play-install 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/play-shopping-bag.svg" height="24" width="24">
                            &nbsp;&nbsp;md-play-shopping-bag 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/playlist-add.svg" height="24" width="24">
                            &nbsp;&nbsp;md-playlist-add 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/plus-one.svg" height="24" width="24">
                            &nbsp;&nbsp;md-plus-one 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/poll.svg" height="24" width="24">
                            &nbsp;&nbsp;md-poll 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/polymer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-polymer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/portable-wifi-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-portable-wifi-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/portrait.svg" height="24" width="24">
                            &nbsp;&nbsp;md-portrait 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/print.svg" height="24" width="24">
                            &nbsp;&nbsp;md-print 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/public.svg" height="24" width="24">
                            &nbsp;&nbsp;md-public 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/publish.svg" height="24" width="24">
                            &nbsp;&nbsp;md-publish 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/query-builder.svg" height="24" width="24">
                            &nbsp;&nbsp;md-query-builder 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/question-answer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-question-answer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/queue-music.svg" height="24" width="24">
                            &nbsp;&nbsp;md-queue-music 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/queue.svg" height="24" width="24">
                            &nbsp;&nbsp;md-queue 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/quick-contacts-dialer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-quick-contacts-dialer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/quick-contacts-mail.svg" height="24" width="24">
                            &nbsp;&nbsp;md-quick-contacts-mail 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/radio-button-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-radio-button-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/radio-button-on.svg" height="24" width="24">
                            &nbsp;&nbsp;md-radio-button-on 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/radio.svg" height="24" width="24">
                            &nbsp;&nbsp;md-radio 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/rate-review.svg" height="24" width="24">
                            &nbsp;&nbsp;md-rate-review 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/receipt.svg" height="24" width="24">
                            &nbsp;&nbsp;md-receipt 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/recent-actors.svg" height="24" width="24">
                            &nbsp;&nbsp;md-recent-actors 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/redeem.svg" height="24" width="24">
                            &nbsp;&nbsp;md-redeem 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/redo.svg" height="24" width="24">
                            &nbsp;&nbsp;md-redo 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/refresh.svg" height="24" width="24">
                            &nbsp;&nbsp;md-refresh 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/remove-circle-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-remove-circle-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/remove-circle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-remove-circle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/remove-red-eye.svg" height="24" width="24">
                            &nbsp;&nbsp;md-remove-red-eye 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/remove.svg" height="24" width="24">
                            &nbsp;&nbsp;md-remove 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/reorder.svg" height="24" width="24">
                            &nbsp;&nbsp;md-reorder 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/repeat-one.svg" height="24" width="24">
                            &nbsp;&nbsp;md-repeat-one 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/repeat.svg" height="24" width="24">
                            &nbsp;&nbsp;md-repeat 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/replay.svg" height="24" width="24">
                            &nbsp;&nbsp;md-replay 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/reply-all.svg" height="24" width="24">
                            &nbsp;&nbsp;md-reply-all 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/reply.svg" height="24" width="24">
                            &nbsp;&nbsp;md-reply 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/report-problem.svg" height="24" width="24">
                            &nbsp;&nbsp;md-report-problem 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/report.svg" height="24" width="24">
                            &nbsp;&nbsp;md-report 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/restaurant-menu.svg" height="24" width="24">
                            &nbsp;&nbsp;md-restaurant-menu 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/restore.svg" height="24" width="24">
                            &nbsp;&nbsp;md-restore 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/ring-volume.svg" height="24" width="24">
                            &nbsp;&nbsp;md-ring-volume 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/room.svg" height="24" width="24">
                            &nbsp;&nbsp;md-room 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/rotate-left.svg" height="24" width="24">
                            &nbsp;&nbsp;md-rotate-left 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/rotate-right.svg" height="24" width="24">
                            &nbsp;&nbsp;md-rotate-right 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/satellite.svg" height="24" width="24">
                            &nbsp;&nbsp;md-satellite 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/save.svg" height="24" width="24">
                            &nbsp;&nbsp;md-save 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/schedule.svg" height="24" width="24">
                            &nbsp;&nbsp;md-schedule 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/school.svg" height="24" width="24">
                            &nbsp;&nbsp;md-school 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/screen-lock-landscape.svg" height="24" width="24">
                            &nbsp;&nbsp;md-screen-lock-landscape 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/screen-lock-portrait.svg" height="24" width="24">
                            &nbsp;&nbsp;md-screen-lock-portrait 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/screen-lock-rotation.svg" height="24" width="24">
                            &nbsp;&nbsp;md-screen-lock-rotation 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/screen-rotation.svg" height="24" width="24">
                            &nbsp;&nbsp;md-screen-rotation 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sd-card.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sd-card 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sd-storage.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sd-storage 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/search.svg" height="24" width="24">
                            &nbsp;&nbsp;md-search 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/security.svg" height="24" width="24">
                            &nbsp;&nbsp;md-security 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/select-all.svg" height="24" width="24">
                            &nbsp;&nbsp;md-select-all 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/send.svg" height="24" width="24">
                            &nbsp;&nbsp;md-send 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-applications.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-applications 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-backup-restore.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-backup-restore 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-bluetooth.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-bluetooth 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-cell.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-cell 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-display.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-display 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-ethernet.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-ethernet 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-input-antenna.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-input-antenna 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-input-component.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-input-component 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-input-composite.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-input-composite 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-input-hdmi.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-input-hdmi 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-input-svideo.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-input-svideo 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-overscan.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-overscan 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-phone.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-phone 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-power.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-power 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-remote.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-remote 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-system-daydream.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-system-daydream 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings-voice.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings-voice 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/settings.svg" height="24" width="24">
                            &nbsp;&nbsp;md-settings 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/share.svg" height="24" width="24">
                            &nbsp;&nbsp;md-share 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/shop-two.svg" height="24" width="24">
                            &nbsp;&nbsp;md-shop-two 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/shop.svg" height="24" width="24">
                            &nbsp;&nbsp;md-shop 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/shopping-basket.svg" height="24" width="24">
                            &nbsp;&nbsp;md-shopping-basket 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/shopping-cart.svg" height="24" width="24">
                            &nbsp;&nbsp;md-shopping-cart 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/shuffle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-shuffle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-0-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-0-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-1-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-1-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-2-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-2-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-3-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-3-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-4-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-4-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-connected-no-internet-0-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-connected-no-internet-0-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-connected-no-internet-1-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-connected-no-internet-1-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-connected-no-internet-2-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-connected-no-internet-2-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-connected-no-internet-3-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-connected-no-internet-3-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-connected-no-internet-4-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-connected-no-internet-4-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-no-sim.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-no-sim 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-null.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-null 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-cellular-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-cellular-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-wifi-0-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-wifi-0-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-wifi-1-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-wifi-1-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-wifi-2-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-wifi-2-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-wifi-3-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-wifi-3-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-wifi-4-bar.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-wifi-4-bar 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/signal-wifi-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-signal-wifi-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sim-card-alert.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sim-card-alert 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sim-card.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sim-card 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/skip-next.svg" height="24" width="24">
                            &nbsp;&nbsp;md-skip-next 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/skip-previous.svg" height="24" width="24">
                            &nbsp;&nbsp;md-skip-previous 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/slideshow.svg" height="24" width="24">
                            &nbsp;&nbsp;md-slideshow 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/smartphone.svg" height="24" width="24">
                            &nbsp;&nbsp;md-smartphone 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sms-failed.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sms-failed 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sms.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sms 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/snooze.svg" height="24" width="24">
                            &nbsp;&nbsp;md-snooze 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sort.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sort 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/speaker-notes.svg" height="24" width="24">
                            &nbsp;&nbsp;md-speaker-notes 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/speaker.svg" height="24" width="24">
                            &nbsp;&nbsp;md-speaker 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/spellcheck.svg" height="24" width="24">
                            &nbsp;&nbsp;md-spellcheck 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/star-half.svg" height="24" width="24">
                            &nbsp;&nbsp;md-star-half 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/star-outline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-star-outline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/star-rate.svg" height="24" width="24">
                            &nbsp;&nbsp;md-star-rate 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/star.svg" height="24" width="24">
                            &nbsp;&nbsp;md-star 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/stars.svg" height="24" width="24">
                            &nbsp;&nbsp;md-stars 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/stay-current-landscape.svg" height="24" width="24">
                            &nbsp;&nbsp;md-stay-current-landscape 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/stay-current-portrait.svg" height="24" width="24">
                            &nbsp;&nbsp;md-stay-current-portrait 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/stay-primary-landscape.svg" height="24" width="24">
                            &nbsp;&nbsp;md-stay-primary-landscape 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/stay-primary-portrait.svg" height="24" width="24">
                            &nbsp;&nbsp;md-stay-primary-portrait 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/stop.svg" height="24" width="24">
                            &nbsp;&nbsp;md-stop 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/storage.svg" height="24" width="24">
                            &nbsp;&nbsp;md-storage 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/store-mall-directory.svg" height="24" width="24">
                            &nbsp;&nbsp;md-store-mall-directory 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/store.svg" height="24" width="24">
                            &nbsp;&nbsp;md-store 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/straighten.svg" height="24" width="24">
                            &nbsp;&nbsp;md-straighten 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/style.svg" height="24" width="24">
                            &nbsp;&nbsp;md-style 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/subject.svg" height="24" width="24">
                            &nbsp;&nbsp;md-subject 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/subtitles.svg" height="24" width="24">
                            &nbsp;&nbsp;md-subtitles 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/supervisor-account.svg" height="24" width="24">
                            &nbsp;&nbsp;md-supervisor-account 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/surround-sound.svg" height="24" width="24">
                            &nbsp;&nbsp;md-surround-sound 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/swap-calls.svg" height="24" width="24">
                            &nbsp;&nbsp;md-swap-calls 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/swap-horiz.svg" height="24" width="24">
                            &nbsp;&nbsp;md-swap-horiz 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/swap-vert-circle.svg" height="24" width="24">
                            &nbsp;&nbsp;md-swap-vert-circle 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/swap-vert.svg" height="24" width="24">
                            &nbsp;&nbsp;md-swap-vert 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/switch-camera.svg" height="24" width="24">
                            &nbsp;&nbsp;md-switch-camera 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/switch-video.svg" height="24" width="24">
                            &nbsp;&nbsp;md-switch-video 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sync-disabled.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sync-disabled 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sync-problem.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sync-problem 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/sync.svg" height="24" width="24">
                            &nbsp;&nbsp;md-sync 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/system-update-tv.svg" height="24" width="24">
                            &nbsp;&nbsp;md-system-update-tv 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/system-update.svg" height="24" width="24">
                            &nbsp;&nbsp;md-system-update 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tab-unselected.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tab-unselected 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tab.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tab 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tablet-android.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tablet-android 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tablet-mac.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tablet-mac 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tablet.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tablet 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tag-faces.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tag-faces 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tap-and-play.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tap-and-play 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/terrain.svg" height="24" width="24">
                            &nbsp;&nbsp;md-terrain 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/text-format.svg" height="24" width="24">
                            &nbsp;&nbsp;md-text-format 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/textsms.svg" height="24" width="24">
                            &nbsp;&nbsp;md-textsms 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/texture.svg" height="24" width="24">
                            &nbsp;&nbsp;md-texture 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/theaters.svg" height="24" width="24">
                            &nbsp;&nbsp;md-theaters 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/thumb-down.svg" height="24" width="24">
                            &nbsp;&nbsp;md-thumb-down 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/thumb-up.svg" height="24" width="24">
                            &nbsp;&nbsp;md-thumb-up 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/thumbs-up-down.svg" height="24" width="24">
                            &nbsp;&nbsp;md-thumbs-up-down 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/time-to-leave.svg" height="24" width="24">
                            &nbsp;&nbsp;md-time-to-leave 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/timelapse.svg" height="24" width="24">
                            &nbsp;&nbsp;md-timelapse 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/timer-10.svg" height="24" width="24">
                            &nbsp;&nbsp;md-timer-10 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/timer-3.svg" height="24" width="24">
                            &nbsp;&nbsp;md-timer-3 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/timer-auto.svg" height="24" width="24">
                            &nbsp;&nbsp;md-timer-auto 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/timer-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-timer-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/timer.svg" height="24" width="24">
                            &nbsp;&nbsp;md-timer 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/toc.svg" height="24" width="24">
                            &nbsp;&nbsp;md-toc 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/today.svg" height="24" width="24">
                            &nbsp;&nbsp;md-today 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tonality.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tonality 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/track-changes.svg" height="24" width="24">
                            &nbsp;&nbsp;md-track-changes 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/traffic.svg" height="24" width="24">
                            &nbsp;&nbsp;md-traffic 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/transform.svg" height="24" width="24">
                            &nbsp;&nbsp;md-transform 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/translate.svg" height="24" width="24">
                            &nbsp;&nbsp;md-translate 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/trending-down.svg" height="24" width="24">
                            &nbsp;&nbsp;md-trending-down 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/trending-neutral.svg" height="24" width="24">
                            &nbsp;&nbsp;md-trending-neutral 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/trending-up.svg" height="24" width="24">
                            &nbsp;&nbsp;md-trending-up 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tune.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tune 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/turned-in-not.svg" height="24" width="24">
                            &nbsp;&nbsp;md-turned-in-not 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/turned-in.svg" height="24" width="24">
                            &nbsp;&nbsp;md-turned-in 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/tv.svg" height="24" width="24">
                            &nbsp;&nbsp;md-tv 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/undo.svg" height="24" width="24">
                            &nbsp;&nbsp;md-undo 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/unfold-less.svg" height="24" width="24">
                            &nbsp;&nbsp;md-unfold-less 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/unfold-more.svg" height="24" width="24">
                            &nbsp;&nbsp;md-unfold-more 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/usb.svg" height="24" width="24">
                            &nbsp;&nbsp;md-usb 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/verified-user.svg" height="24" width="24">
                            &nbsp;&nbsp;md-verified-user 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/vertical-align-bottom.svg" height="24" width="24">
                            &nbsp;&nbsp;md-vertical-align-bottom 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/vertical-align-center.svg" height="24" width="24">
                            &nbsp;&nbsp;md-vertical-align-center 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/vertical-align-top.svg" height="24" width="24">
                            &nbsp;&nbsp;md-vertical-align-top 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/vibration.svg" height="24" width="24">
                            &nbsp;&nbsp;md-vibration 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/video-collection.svg" height="24" width="24">
                            &nbsp;&nbsp;md-video-collection 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/videocam-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-videocam-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/videocam.svg" height="24" width="24">
                            &nbsp;&nbsp;md-videocam 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-agenda.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-agenda 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-array.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-array 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-carousel.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-carousel 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-column.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-column 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-day.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-day 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-headline.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-headline 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-list.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-list 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-module.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-module 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-quilt.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-quilt 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-stream.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-stream 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/view-week.svg" height="24" width="24">
                            &nbsp;&nbsp;md-view-week 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/visibility-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-visibility-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/visibility.svg" height="24" width="24">
                            &nbsp;&nbsp;md-visibility 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/voice-chat.svg" height="24" width="24">
                            &nbsp;&nbsp;md-voice-chat 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/voicemail.svg" height="24" width="24">
                            &nbsp;&nbsp;md-voicemail 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/volume-down.svg" height="24" width="24">
                            &nbsp;&nbsp;md-volume-down 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/volume-mute.svg" height="24" width="24">
                            &nbsp;&nbsp;md-volume-mute 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/volume-off.svg" height="24" width="24">
                            &nbsp;&nbsp;md-volume-off 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/volume-up.svg" height="24" width="24">
                            &nbsp;&nbsp;md-volume-up 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/vpn-key.svg" height="24" width="24">
                            &nbsp;&nbsp;md-vpn-key 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/vpn-lock.svg" height="24" width="24">
                            &nbsp;&nbsp;md-vpn-lock 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wallet-giftcard.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wallet-giftcard 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wallet-membership.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wallet-membership 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wallet-travel.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wallet-travel 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/warning.svg" height="24" width="24">
                            &nbsp;&nbsp;md-warning 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/watch.svg" height="24" width="24">
                            &nbsp;&nbsp;md-watch 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wb-auto.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wb-auto 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wb-cloudy.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wb-cloudy 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wb-incandescent.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wb-incandescent 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wb-irradescent.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wb-irradescent 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wb-sunny.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wb-sunny 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/web.svg" height="24" width="24">
                            &nbsp;&nbsp;md-web 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/whatshot.svg" height="24" width="24">
                            &nbsp;&nbsp;md-whatshot 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wifi-lock.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wifi-lock 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wifi-tethering.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wifi-tethering 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/work.svg" height="24" width="24">
                            &nbsp;&nbsp;md-work 
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-2">
                            <img src="assets/img/md/dark/wrap-text.svg" height="24" width="24">
                            &nbsp;&nbsp;md-wrap-text 
                        </div>
                        <div class="clearfix"></div>
                        <hr>
                        <div class="alert alert-info" role="alert" style="margin-bottom:0">
<i class="fa fa-fw fa-info-circle"></i> Icons by Google Inc. (CC BY 3.0) : <a href="https://github.com/google/material-design-icons">https://github.com/google/material-design-icons</a> </div>
                    </div>
                </div>
            </div>
            <footer class="cm-footer"><span class="pull-left">Connected as John Smith</span><span class="pull-right">&copy; PAOMEDIA SARL</span></footer>
        </div>
        <script src="assets/js/jquery/jquery.min.js"></script>
        <script src="assets/js/jquery.mousewheel.min.js"></script>
        <script src="assets/js/jquery.cookie.min.js"></script>
        <script src="assets/js/fastclick.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/clearmin.min.js"></script>
    </body>
</html>
